<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<link rel="Shortcut Icon" href="img/mifeng1.ico" type="image/x-icon">
		<title>我的个人主页</title>
		<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="css/new_file.css" rel="stylesheet" media="screen" />
		<link rel="stylesheet" href="css/templatemo-style.css">
	</head>

	<body>
		<!--
        	作者：1162091199@qq.com
        	时间：2017-04-24
        	描述：导航栏
        -->
		<nav class="navbar navbar-default" role="navigation" style="margin-bottom: 0px;">
			<div class="container">
				<div class="navbar-header">
					<a class="navbar-brand" href="#">QQ空间</a>
				</div>
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">

						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">我的首页<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<!--
                                	作者：1162091199@qq.com
                                	时间：2017-04-28
                                	描述：我的主页
                                -->

								<div class="Home-Main">
									<div class="Home-Left">
										<div class="Home-Left-Button">
											<button type="submit" class="glyphicon glyphicon-user btn-lg"></button>
											<p style="padding-left: 12px;">主页</p>
										</div>
									</div>
									<div class="Home-right">
										<div><img src="img/300.png">
											<p>日志</p>
										</div>
										<div><img src="img/301.png">
											<p>相册</p>
										</div>
										<div><img src="img/302.png">
											<p>说说</p>
										</div>
										<div><img src="img/303.png">
											<p>分享</p>
										</div>
										<div><img src="img/304.png">
											<p>视频</p>
										</div>
										<div><img src="img/305.png">
											<p>音乐</p>
										</div>
										<div><img src="img/306.png">
											<p>留言板</p>
										</div>
										<div><img src="img/307.png">
											<p>个人档</p>
										</div>
										<div><img src="img/308.png">
											<p>收藏</p>
										</div>
									</div>
								</div>

							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">好友<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<!--
                            	作者：1162091199@qq.com
                            	时间：2017-04-28
                            	描述：好友
                            -->
								<div class="Friend-main">
									<div class="Friend-Left">
										<div style="margin-left: 20px;margin-top: 40px;">
											<button type="submit" class="glyphicon glyphicon-user btn-lg"></button>
											<p>寻找好友</p>
										</div>
										<div style="margin-left: 20px;">
											<button type="submit" class="glyphicon glyphicon-heart btn-lg"></button>
											<p>亲密度数</p>
										</div>
									</div>
									<div class="Friend-top">
										<p>最近联系的好友&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
											<input type="text" /><button type="submit" class="glyphicon glyphicon-search"></button>
										</p>
									</div>
									<div class="Friend-down">
										<div><img src="img/12.jpg">
											<p>庹翠丝</p>
										</div>
										<div><img src="img/13.jpg">
											<p>袁醉山</p>
										</div>
										<div><img src="img/14.jpg">
											<p>睦旭辉</p>
										</div>
										<div><img src="img/15.jpg">
											<p>强芷琪</p>
										</div>
										<div><img src="img/16.jpg">
											<p>帅妙珍</p>
										</div>
										<div><img src="img/17.jpg">
											<p>北盼晴</p>
										</div>
										<div><img src="img/18.jpg">
											<p>褚雨莲</p>
										</div>
										<div><img src="img/19.jpg">
											<p>督子晋</p>
										</div>
										<div><img src="img/20.jpg">
											<p>米逸馨</p>
										</div>
										<div><img src="img/21.jpg">
											<p>言傲之</p>
										</div>
									</div>
								</div>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">游戏<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<!--
                                	作者：1162091199@qq.com
                                	时间：2017-04-27
                                	描述：游戏
                                -->
								<div style="width: 500px;height: 200px;background-color: #fff;">
									<div class="Game-top">
										<div class="Game-left">
											<div class="pull-left" style="margin: 0px 20px;">
												<img class="" src="img/积分商城.png" />
												<p size="1" class="text-center"><strong>积分商城</strong></p>
											</div>
											<div class="pull-left" style="margin: 5px 20px;">
												<img class="" src="img/礼包.png" />
												<p size="1" class="text-center"><strong>积分商城</strong></p>
											</div>
											<div class="pull-left" style="margin: 5px 20px;">
												<img class="" src="img/游戏.png" />
												<p size="1" class="text-center"><strong>每日礼包</strong></p>
											</div>
										</div>

										<div class="Game-right">
											<div>
												<img src="img/200.png" />
												<p size="1" class="text-center"><strong>礼物</strong></p>
											</div>
											<div>
												<img src="img/201.png" />
												<p size="1" class="text-center"><strong>你猜我画</strong></p>
											</div>
											<div>
												<img src="img/202.png" />
												<p size="1" class="text-center"><strong>QQ情侣</strong></p>
											</div>
											<div>
												<img src="img/203.png" />
												<p size="1" class="text-center"><strong>花藤</strong></p>
											</div>
											<div>
												<img src="img/204.png" />
												<p size="1" class="text-center"><strong>QQ农场</strong></p>
											</div>
											<div>
												<img src="img/205.png" />
												<p size="1" class="text-center"><strong>德州扑克</strong></p>
											</div>
											<div>
												<img src="img/206.png" />
												<p size="1" class="text-center"><strong>神仙劫</strong></p>
											</div>
											<div>
												<img src="img/207.png" />
												<p size="1" class="text-center"><strong>从返现场</strong></p>
											</div>
											<div>
												<img src="img/208.png" />
												<p size="1" class="text-center"><strong>烈焰传奇</strong></p>
											</div>
											<div>
												<img src="img/209.png" />
												<p size="1" class="text-center"><strong>武极天下</strong></p>
											</div>
											<div>
												<img src="img/210.png" />
												<p size="1" class="text-center"><strong>不良人</strong></p>
											</div>
											<div>
												<img src="img/211.png" />
												<p size="1" class="text-center"><strong>QQ农场</strong></p>
											</div>
											<div>
												<img src="img/212.png" />
												<p size="1" class="text-center"><strong>猎鱼达人</strong></p>
											</div>
											<div>
												<img src="img/213.png" />
												<p size="1" class="text-center"><strong>勇者之塔</strong></p>
											</div>
											<div>
												<img src="img/214.png" />
												<p size="1" class="text-center"><strong>更多游戏</strong></p>
											</div>
										</div>
									</div>
								</div>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">装扮<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<!--
                                	作者：1162091199@qq.com
                                	时间：2017-04-27
                                	描述：装扮
                                -->
								<div style="width: 400px;height: 300px;background-color: #fff;">
									<div class="Dress-Top">
										<div class="Dress-left">
											<button type="button" class="btn btn-default btn-lg glyphicon glyphicon-shopping-cart"></button>
											<button type="button" class="btn btn-default btn-lg glyphicon glyphicon-star"></button>
										</div>
										<div class="Dress-right">
											<div class="choose">
												<p color="darkslategray">极速传说&nbsp;&nbsp;|&nbsp;&nbsp;新潮流&nbsp;&nbsp;|&nbsp;&nbsp;<u><strong>心已飞远</strong></u>&nbsp;&nbsp;|&nbsp;&nbsp;路过心灵的句子</p>
											</div>
											<div class="middle">
												<img class="Dress-img" src="img/110.gif" />
												<img class="Dress-img" src="img/112.gif" />
												<img class="Dress-img" src="img/102.jpg" />
												<img class="Dress-img" src="img/117.gif" />
											</div>
										</div>
									</div>
								</div>
							</ul>
						</li>
					</ul>
					<div class="navbar-header">
						<audio src="music/xr.mp3" controls="controls" autoplay="autoplay"></audio>
					</div>
					<form class="navbar-form ">
						<div class="form-group">
							<input type="text" class="form-control" placeholder="用户/游戏/动态">
						</div>
						<button type="submit" class="btn btn-default glyphicon glyphicon-search"></button>
						<!-- Single button -->
						<div class="btn-group">
							<button type="button" class="btn btn-default dropdown-toggle  glyphicon glyphicon-cog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						  <span class="caret"></span>
						  </button>
							<ul class="dropdown-menu">
								<li>
									<a href="#">修改资料</a>
								</li>
								<li>
									<a href="#">主页排版</a>
								</li>
								<li>
									<a href="#">空间设置</a>
								</li>
								<li role="separator" class="divider"></li>
								<li>
									<a href="#">权限设置</a>
								</li>
							</ul>
						</div>

					</form>
				</div>
			</div>
		</nav>

		<!--
        	作者：1162091199@qq.com
        	时间：2017-04-26
        	描述：我的空间
        -->
		<div class="top">
			<div class="page-header">
				<h1 class="text-info">我的空间</h1>
			</div>
			<!--
	        	作者：1162091199@qq.com
	        	时间：2017-04-25
	        	描述：头像以及导航,Head portrait
	        -->
			<div style="width:1000px;height: 200px;" class="pull-left">
				<div style="width:150px;height: 200px;" class="pull-left ">
					<img src="img/qq.jpg" class="img-thumbnail">
				</div>
				<div style="width:850px;height: 170px;" class="pull-left ">
					<ol class="breadcrumb pull-left" role="tablist" id="feature-tab" style="margin-top: 100px;margin-left: 10px;">
						<li>
							<a href="#tab-Home" role="tab" data-toggle="tab">主页</a>
						</li>
						<li>
							<a href="#tab-log" role="tab" data-toggle="tab">日志</a>
						</li>
						<li>
							<a href="#tab-img" role="tab" data-toggle="tab">相册</a>
						</li>
						<li>
							<a href="#tab-liuyanban" role="tab" data-toggle="tab">留言板</a>
						</li>
						<li>
							<a href="#tab-gerendang" role="tab" data-toggle="tab">个人档</a>
						</li>
						<li>
							<a href="#tab-More" role="tab" data-toggle="tab">更多</a>
						</li>
					</ol>
				</div>
			</div>
		</div>
		<!--
	        	作者：1162091199@qq.com
	        	时间：2017-04-25
	        	描述：主页面
	        -->

		<div class="tab-content">
			<!--
	        	作者：1162091199@qq.com
	        	时间：2017-04-26
	        	描述：首页
	        -->
			<div class="container tab-pane active" style="margin: 0 auto;width: 100%;" id="tab-Home">
				<div class="row">
					<!--
						描述：左页面
	                    -->
					<div class="col-xs-2">
						<ul role="tablist" id="feature-tab" style="padding-left: 0px;">
							<li class="list-group-item">
								<a href="#tab-main" role="tab" data-toggle="tab">好友动态</a>
							</li>
							<li class="list-group-item">
								<a href="#tab-main1" role="tab" data-toggle="tab">特别关心</a>
							</li>
							<li class="list-group-item">
								<a href="#tab-main2" role="tab" data-toggle="tab">与我相关</a>
							</li>
							<li class="list-group-item">
								<a href="#tab-main3" role="tab" data-toggle="tab">那年今日</a>
							</li>
							<li class="list-group-item">
								<a href="#tab-main4" role="tab" data-toggle="tab">腾讯课堂</a>
							</li>
							<li class="list-group-item">
								<a href="#tab-main5" role="tab" data-toggle="tab">我的收藏</a>
							</li>
							<li class="list-group-item">
								<a href="#tab-main6" role="tab" data-toggle="tab">五子棋</a>
							</li>
							<li class="list-group-item">
								<a href="" role="tab" data-toggle="tab">QQ农场</a>
							</li>
							<li class="list-group-item">
								<a href="" role="tab" data-toggle="tab">QQ牧场</a>
							</li>
							<li class="list-group-item">
								<a href="" role="tab" data-toggle="tab">QQ宠物</a>
							</li>
						</ul>
					</div>
					<!--
	                	作者：1162091199@qq.com
	                	时间：2017-04-25
	                	描述：中间的页面
	                -->
					<div class="tab-content col-xs-7">
						<div class="tab-pane active" id="tab-main">
							<form role="form">
								<div class="form-group" style="margin-bottom: 0px;">
									<div class="well well-sm" style="margin-bottom: 0px;">
										<textarea class="form-control pull-left" style="height: 100px;width:68%;">
							    </textarea>
										<div class="pull-right" style="margin-top: 5%;">
											<button type="submit" class="btn btn-default btn-lg glyphicon glyphicon-camera"></button>
											<button type="submit" class="btn btn-default btn-lg glyphicon glyphicon-paperclip"></button>
											<button type="submit" class="btn btn-default btn-lg glyphicon glyphicon-collapse-down">
												
											</button>
										</div>
									</div>
								</div>
								<!--1-->
								<div class="panel panel-success">
									<div class="panel-heading">
										<h3 class="panel-title">LYQ</h3>
									</div>
									<div class="panel-body">
										人生四句话 活着就是胜利，挣钱只是游戏，健康才是目的，快乐才是真谛！"--开心就好，在乎的越多，反而越累。 早安
										<img src="img/hua.png" class="img-responsive" />
										<div class="btn-group pull-right" role="group" aria-label="...">
											<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
										</div>
										<textarea class="form-control" style="height: 50px;width: 75%;">
							    </textarea>
									</div>
								</div>
								<!--2-->
								<div class="panel panel-warning">
									<div class="panel-heading">
										<h3 class="panel-title">LYJ</h3>
									</div>
									<div class="panel-body">
										如果你下午四点来看我 我早上七点就起床。半小时用来洗脸 刷牙 洗头发，半小时用来剃须 擦鞋 整理着装。 早饭只喝水果粥 养胃 还能唇留齿香。 九点阳光灿烂的时候 我就搬一把椅子坐在太阳底下看书 读几篇小说，勾勒情节，或者几首诗歌，酝酿意境。 困顿的时候 我就听歌 打盹儿 发呆。醒来修剪指甲，看看天空看看云朵。 如果你下午四点来看我 我从一点就开始激动 什么也干不了。坐一会儿腿麻 站一会儿头晕，我哼一首歌跑调 写几个字歪斜。 如果你下午四点来看我 我三点就去门口迎接 跟过往的人群打招呼，顺便通报你来的消息。跟卖红薯的大姐闲聊，向每一辆停下的的士致意。 如果你下午四点来看我，这一天我就什么都不干，虚度光阴，静静地等你。即便上一次分别 只是在昨天。

										<img src="img/luoyujie.jpg" class="img-responsive" />
										<div class="btn-group pull-right" role="group" aria-label="...">
											<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
										</div>
										<textarea class="form-control" style="height: 50px;width: 75%;">
							    </textarea>
									</div>
								</div>
								<!--3-->
								<div class="panel panel-danger">
									<div class="panel-heading">
										<h3 class="panel-title">ZTG</h3>
									</div>
									<div class="panel-body">
										童年 童年这首歌是否能让你回想起美好的童年生活？在那五彩缤纷的岁月中，发生过许多事情，不像星星一样的明亮。我的童年是美好的，有许多事值得回忆…… 从我记事起，大姨的班上就养了两只小鸡，一有时间我就去大姨班上看小鸡，不知过了多久，两只小鸡渐渐长大了，又过了许久，母鸡下蛋了，蛋中要孵出小鸡了，21天后，闻声可听一阵小鸡的叫声，看到这情况，听到这声音。我觉得小鸡太可怜了，在母鸡和公鸡都不在家时，帮一下小鸡。机会，终于来了…… 那天，母鸡给小小鸡找食去了，淘气的公鸡也不在家，跑出去玩了。趁大姨不注意顺手拿起一个鸡蛋，捧在手心里轻轻抚摸着，一本正经地说：“小鸡不要害怕，一会你就会来到世界上了。”说完，我不再犹豫了，剥开了一个鸡蛋，一只带有余热，未睁开眼睛的小鸡“诞生”了，它看了看我，叫了两声好像在说：“谢谢你，让我早日来到这个世界上。”我可高兴了，又剥开了第二个，当我剥到第四个的时候母鸡回来了，看见我正在“欺负”它的小宝宝就猛琢了我一口，顿时鲜血流了出来，我哭哭啼啼地去找大姨，大姨并没说我，反而哭笑不得地说：“小傻瓜，鸡要到一定时候才会出生呢！你这样给它们接生，会死的。”我听完，赶忙跑看小鸡，果然刚刚被我“接生”的小鸡都快死了，而没被我“接生”的都活了下来。我后悔极了，但一切都晚了…… 虽然这件事过去很久了，虽然那里我还年幼无知，但这件事一直鞭策着我，让我勇往直前，永不后退。
										<img src="img/hua.png" class="img-responsive" />
										<div class="btn-group pull-right" role="group" aria-label="...">
											<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
										</div>
										<textarea class="form-control" style="height: 50px;width: 75%;">
							    </textarea>
									</div>
								</div>
							</form>
						</div>
						<!--
	                    	作者：1162091199@qq.com
	                    	时间：2017-04-26
	                    	描述：特别关心
	                    -->
						<div class="tab-pane" id="tab-main1">
							<form role="form">
								<div class="panel panel-info">
									<div class="panel-heading">
										<h3 class="panel-title">萝萝君</h3>
									</div>
									<div class="panel-body">
										尼玛坐车坐到了反终点站现在又要坐到对面的终点站
										<img src="img/36d.jpg" class="img-responsive" />
										<div class="btn-group pull-right" role="group" aria-label="...">
											<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
										</div>
										<textarea class="form-control" style="height: 50px;width: 75%;">
						    </textarea>
									</div>
								</div>
								<div class="panel panel-warning">
									<div class="panel-heading">
										<h3 class="panel-title">萝萝君</h3>
									</div>
									<div class="panel-body">
										<p>我再也不玩王者荣耀了。</p>
										<img src="img/luo1.jpg" class="img-responsive pull-left" />

										<div class="btn-group pull-right" role="group" aria-label="...">
											<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
										</div>
										<textarea class="form-control" style="height: 50px;width: 75%;">
						    </textarea>
									</div>
								</div>

							</form>
						</div>
					</div>
					<!--
	                	作者：1162091199@qq.com
	                	时间：2017-04-26
	                	描述：右边页面
	                -->
					<div class="col-xs-3">
						<ul class="nav nav-tabs" role="tablist" id="feature-tab">
							<li class="active">
								<a href="#tab-She-look-I" role="tab" data-toggle="tab">谁看过我</a>
							</li>
							<li>
								<a href="#tab-I-look-She" role="tab" data-toggle="tab">我看过谁</a>
							</li>

						</ul>
						<div class="tab-content">
							<div class="tab-pane active" id="tab-She-look-I">
								<div class="row feature">
									<div class="col-xs-4"><img src="img/10.jpg" />
										<p class="text-center">史新月</p>
									</div>
									<div class="col-xs-4"><img src="img/11.jpg" />
										<p class="text-center">仆冷霜</p>
									</div>
									<div class="col-xs-4"><img src="img/12.jpg" />
										<p class="text-center">雷弘化</p>
									</div>
									<div class="col-xs-4"><img src="img/13.jpg" />
										<p class="text-center">东晨蓓</p>
									</div>
									<div class="col-xs-4"><img src="img/14.jpg" />
										<p class="text-center">刑建章</p>
									</div>
									<div class="col-xs-4"><img src="img/15.jpg" />
										<p class="text-center">吴恨风</p>
									</div>
									<div class="col-xs-4"><img src="img/16.jpg" />
										<p class="text-center">段干叶帆</p>
									</div>
									<div class="col-xs-4"><img src="img/17.jpg" />
										<p class="text-center">褚芳荃</p>
									</div>
									<div class="col-xs-4"><img src="img/18.jpg" />
										<p class="text-center">辛又莲</p>
									</div>
									<ul class="pager">
										<li>
											<a href="#" class="glyphicon glyphicon-triangle-left"></a>
										</li>
										<li>
											<a href="#" class="glyphicon glyphicon-triangle-right"></a>
										</li>

									</ul>
								</div>
							</div>
							<div class="tab-pane " id="tab-I-look-She">
								<div class="row feature">
									<div class="col-xs-4"><img src="img/19.jpg" />
										<p class="text-center">充菀柳</p>
									</div>
									<div class="col-xs-4"><img src="img/20.jpg" />
										<p class="text-center">华静晨</p>
									</div>
									<div class="col-xs-4"><img src="img/21.jpg" />
										<p class="text-center">扬夏青</p>
									</div>
									<div class="col-xs-4"><img src="img/22.jpg" />
										<p class="text-center">续和怡</p>
									</div>
									<div class="col-xs-4"><img src="img/23.jpg" />
										<p class="text-center">才悦人</p>
									</div>
									<div class="col-xs-4"><img src="img/24.jpg" />
										<p class="text-center">练宏朗</p>
									</div>
									<div class="col-xs-4"><img src="img/25.jpg" />
										<p class="text-center">展觅柔</p>
									</div>
									<div class="col-xs-4"><img src="img/10.jpg" />
										<p class="text-center">厍君昊</p>
									</div>
									<div class="col-xs-4"><img src="img/11.jpg" />
										<p class="text-center">危悦欣</p>
									</div>
									<ul class="pager">
										<li>
											<a href="#" class="glyphicon glyphicon-triangle-left"></a>
										</li>
										<li>
											<a href="#" class="glyphicon glyphicon-triangle-right"></a>
										</li>
									</ul>
								</div>
							</div>

						</div>
						<!--
	                    	作者：1162091199@qq.com
	                    	时间：2017-04-26
	                    	描述：第二栏
	                    -->
						<ul class="nav nav-tabs" role="tablist" id="feature-tab">
							<li class="active">
								<a href="#tab-She" role="tab" data-toggle="tab">谁在意我</a>
							</li>
							<li>
								<a href="#tab-My" role="tab" data-toggle="tab">我在意谁</a>
							</li>
						</ul>

						<div class="tab-content">
							<div class="tab-pane active" id="tab-She">
								<div class="pull-left">
									<img src="img/luoluojun.jpg" class="pull-left" />
									<p class="pull-left" style="margin-top: 45px;">萝萝君<span class="glyphicon glyphicon-heart pull-left">好感度MAX</span></p>

									<button type="button" class="btn btn-default pull-left" style="margin-top: 25px;">详情</button>
								</div>
								<div class="pull-left">
									<img src="img/13.jpg" class="pull-left" />
									<p class="pull-left" style="margin-top: 45px;">耿斌蔚<span class="glyphicon glyphicon-heart pull-left">好感度MAX</span></p>

									<button type="button" class="btn btn-default pull-left" style="margin-top: 25px;">详情</button>
								</div>
								<div class="pull-left">
									<img src="img/14.jpg" class="pull-left" />
									<p class="pull-left" style="margin-top: 45px;">贺运凯<span class="glyphicon glyphicon-heart pull-left">好感度MAX</span></p>

									<button type="button" class="btn btn-default pull-left" style="margin-top: 25px;">详情</button>
								</div>
								<ul class="pager pull-left" style="margin-left: 25%;">
									<li>
										<a href="#" class="glyphicon glyphicon-triangle-left"></a>
									</li>
									<li>
										<a href="#" class="glyphicon glyphicon-triangle-right"></a>
									</li>
								</ul>
							</div>
							<div class="tab-pane" id="tab-My">
								<div class="pull-left">
									<img src="img/15.jpg" class="pull-left" />
									<p class="pull-left" style="margin-top: 45px;">言文康<span class="glyphicon glyphicon-heart pull-left">好感度MAX</span></p>

									<button type="button" class="btn btn-default pull-left" style="margin-top: 25px;">详情</button>
								</div>
								<div class="pull-left">
									<img src="img/16.jpg" class="pull-left" />
									<p class="pull-left" style="margin-top: 45px;">麴婉仪<span class="glyphicon glyphicon-heart pull-left">好感度MAX</span></p>

									<button type="button" class="btn btn-default pull-left" style="margin-top: 25px;">详情</button>
								</div>
								<div class="pull-left">
									<img src="img/17.jpg" class="pull-left" />
									<p class="pull-left" style="margin-top: 45px;">吕幼仪<span class="glyphicon glyphicon-heart pull-left">好感度MAX</span></p>

									<button type="button" class="btn btn-default pull-left" style="margin-top: 25px;">详情</button>
								</div>
								<ul class="pager pull-left" style="margin-left: 25%;">
									<li>
										<a href="#" class="glyphicon glyphicon-triangle-left"></a>
									</li>
									<li>
										<a href="#" class="glyphicon glyphicon-triangle-right"></a>
									</li>
								</ul>
							</div>
						</div>

					</div>
				</div>
			</div>
			<!--
	        	作者：1162091199@qq.com
	        	时间：2017-04-26
	        	描述：日志
	        -->
			<div class="tab-pane" id="tab-log">
				<div class="tab-content">
					<div>
						<button type="button" class="btn btn-info">写日志</button>
						<button type="button" class="btn btn-info">模版日志</button>
						<button type="button" class="btn btn-info">图片日志</button>
					</div>
					<hr class="feature">
					<div class="tab-content">
						<div class="tab-pane active" id="Ul-Log1">
							<ul style="padding: 0;">
								<li class="list-group-item">
									<a href="#">温家宝传</a><span class="pull-right">2017.01.02</span>
								</li>
								<li class="list-group-item">
									<a href="#">毛泽东传</a><span class="pull-right">2017.04.02</span>
								</li>
								<li class="list-group-item">
									<a href="#">周恩来传</a><span class="pull-right">2017.03.28</span>
								</li>
								<li class="list-group-item">
									<a href="#">习近平转</a><span class="pull-right">2017.03.20</span>
								</li>
								<li class="list-group-item">
									<a href="#">鲁迅传</a><span class="pull-right">2017.03.15</span>
								</li>
								<li class="list-group-item">
									<a href="#">林肯传</a><span class="pull-right">2017.03.10</span>
								</li>
								<li class="list-group-item">
									<a href="#">邓小平传</a><span class="pull-right">2017.03.02</span>
								</li>
								<li class="list-group-item">
									<a href="#">江泽民传</a><span class="pull-right">2017.02.28</span>
								</li>
							</ul>
						</div>
						<div class="tab-pane" id="Ul-Log2">
							<ul style="padding: 0;">
								<li class="list-group-item">
									<a href="#">震惊！男人看了沉默，女人看了流泪！</a><span class="pull-right">2017.02.26</span>
								</li>
								<li class="list-group-item">
									<a href="#">只因他一个动作，普京看了大笑，安倍看了流泪，中国14亿人都兴奋了！</a><span class="pull-right">2017.02.24</span>
								</li>
								<li class="list-group-item">
									<a href="#">震惊！他为什么会不喝水？原因竟然是……</a><span class="pull-right">2017.02.20</span>
								</li>
								<li class="list-group-item">
									<a href="#">大学校长的秘密情史，太让人意外了！</a><span class="pull-right">2017.02.15</span>
								</li>
								<li class="list-group-item">
									<a href="#">惨不忍睹！快告诉你身边的人要小心……</a><span class="pull-right">2017.02.10</span>
								</li>
								<li class="list-group-item">
									<a href="#">金正恩笑得合不拢嘴，不是因为朴槿惠，竟是因为……</a><span class="pull-right">2017.02.08</span>
								</li>
								<li class="list-group-item">
									<a href="#">震惊！父亲居然当着女儿的面做这种动作！</a><span class="pull-right">2017.02.07</span>
								</li>
								<li class="list-group-item">
									<a href="#">一女子竟然光天化日之下做出这种事情！</a><span class="pull-right">2017.02.07</span>
								</li>
							</ul>
						</div>
					</div>
					<ul class="pagination" style="margin-left: 40%;" role="tablist" id="feature-tab">
						<li>
							<a href="#">&laquo;</a>
						</li>
						<li class="active">
							<a href="#Ul-Log1" role="tab" data-toggle="tab">1</a>
						</li>
						<li>
							<a href="#Ul-Log2" role="tab" data-toggle="tab">2</a>
						</li>
						<li>
							<a href="#">3</a>
						</li>
						<li>
							<a href="#">4</a>
						</li>
						<li>
							<a href="#">5</a>
						</li>
						<li>
							<a href="#">&raquo;</a>
						</li>
					</ul>
				</div>
			</div>

			<!--
            	作者：1162091199@qq.com
            	时间：2017-04-26
            	描述：相册
           -->
			<div class="tab-pane" id="tab-img">
				<div style="width:70%;margin:0 auto;color: #FFFFFF;padding-top: 20px;" class="main-posts row">
					<div class="blog-masonry masonry-true">
						<div class="post-masonry col-xs-4 col-sm-6">
							<div class="post-thumb">
								<img src="img/P_03.jpg" alt="">
								<div class="title-over">
									<h4><a href="#">东方明珠</a></h4>
								</div>
								<div class="post-hover text-center">
									<div class="inside">
										<i class="fa fa-plus"></i>
										<span class="date">2017.4.28</span>
										<h4><a href="#">上海</a></h4>
										<p>繁华的大上海。</p>
									</div>
								</div>
							</div>
						</div>
						<!-- /.post-masonry -->
						<div class="post-masonry col-xs-4 col-sm-6">
							<div class="post-thumb">
								<img src="img/P_04.jpg" alt="">
								<div class="title-over">
									<h4><a href="#">温州，东海</a></h4>
								</div>
								<div class="post-hover text-center">
									<div class="inside">
										<i class="fa fa-plus"></i>
										<span class="date">2016.12.16</span>
										<h4><a href="#">温州仙叠岩</a></h4>
										<p>第一次看见大海</p>
									</div>
								</div>
							</div>
						</div>
						<!-- /.post-masonry -->
						<div class="post-masonry col-xs-4 col-sm-6" style="bottom: 90px;">
							<div class="post-thumb">
								<img src="img/P_06.jpg" alt="">
								<div class="title-over">
									<h4><a href="#">温暖的家</a></h4>
								</div>
								<div class="post-hover text-center">
									<div class="inside">
										<i class="fa fa-plus"></i>
										<span class="date">2017.4.28</span>
										<h4><a href="#">武侯</a></h4>
										<p>我们在这里</p>
									</div>
								</div>
							</div>
						</div>
						<!-- /.post-masonry -->
						<!-- /.post-masonry -->
						<div class="post-masonry col-xs-4 col-sm-6" style="bottom: -20px;">
							<div class="post-thumb">
								<img src="img/P_05.jpg" alt="">
								<div class="title-over">
									<h4><a href="#">花</a></h4>
								</div>
								<div class="post-hover text-center">
									<div class="inside">
										<i class="fa fa-plus"></i>
										<span class="date">2017.4.28</span>
										<h4><a href="#">温江</a></h4>
										<p>温江Flower</p>
									</div>
								</div>
							</div>
						</div>

						<div class="post-masonry col-xs-4 col-sm-6" style="bottom: 110px;">
							<div class="post-thumb">
								<img src="img/P_07.jpg" alt="">
								<div class="title-over">
									<h4><a href="#">桃花故里</a></h4>
								</div>
								<div class="post-hover text-center">
									<div class="inside">
										<i class="fa fa-plus"></i>
										<span class="date">2017.4.28</span>
										<h4><a href="#">龙泉</a></h4>
										<p>桃花故里</p>
									</div>
								</div>
							</div>
						</div>
						<!-- /.post-masonry -->
						<div class="post-masonry col-xs-4 col-sm-6">
							<div class="post-thumb">
								<img src="img/P_08.jpg" alt="">
								<div class="title-over">
									<h4><a href="#">厨房</a></h4>
								</div>
								<div class="post-hover text-center">
									<div class="inside">
										<i class="fa fa-plus"></i>
										<span class="date">2017.4.28</span>
										<h4><a href="#">做菜的地方</a></h4>
										<p>想在你做菜的时候抱你</p>
									</div>
								</div>
							</div>
						</div>
						<!-- /.post-masonry -->
						<div class="post-masonry col-xs-4 col-sm-6">
							<div class="post-thumb">
								<img src="img/P_09.jpg" alt="" style="height: 300px;">
								<div class="title-over">
									<h4><a href="#">成都下雪了</a></h4>
								</div>
								<div class="post-hover text-center">
									<div class="inside">
										<i class="fa fa-plus"></i>
										<span class="date">2014.12.4</span>
										<h4><a href="#">成都</a></h4>
										<p>南方的雪</p>
									</div>
								</div>
							</div>
						</div>
						<!-- /.post-masonry -->
						<div class="post-masonry col-xs-4 col-sm-6" style="bottom: 300px;">
							<div class="post-thumb">
								<img src="img/P_010.jpg" alt="">
								<div class="title-over">
									<h4><a href="#">雪花纷飞的东北</a></h4>
								</div>
								<div class="post-hover text-center">
									<div class="inside">
										<i class="fa fa-plus"></i>
										<span class="date">2003.1.1</span>
										<h4><a href="#">长春</a></h4>
										<p>北国之春</p>
									</div>
								</div>
							</div>
						</div>
						<!-- /.post-masonry -->
						<div class="post-masonry col-xs-4 col-sm-6" style="bottom: 10px;">
							<div class="post-thumb">
								<img src="img/P_011.jpg" alt="">
								<div class="title-over">
									<h4><a href="#">峨眉山日出</a></h4>
								</div>
								<div class="post-hover text-center">
									<div class="inside">
										<i class="fa fa-plus"></i>
										<span class="date">2010.4.5</span>
										<h4><a href="#">峨眉山</a></h4>
										<p>晨光</p>
									</div>
								</div>
							</div>
						</div>

					</div>
					<!--结束-->
				</div>
			</div>
			<!--
            	作者：1162091199@qq.com
            	时间：2017-04-26
            	描述：留言板
            -->
			<div class="tab-pane" id="tab-liuyanban" style="width: 70%;margin: 0 auto;margin-top: 20px;">
				<div class="panel panel-success">
					<div class="well well-sm" style="margin-bottom: 10px;">
						<textarea class="form-control pull-left" style="height: 100px;width:69%;">
							   </textarea>
						<div class="pull-right" style="margin-top: 5%;">
							<button type="submit" class="btn btn-default btn-lg glyphicon glyphicon-camera"></button>
							<button type="submit" class="btn btn-default btn-lg glyphicon glyphicon-paperclip"></button>
							<button type="submit" class="btn btn-default btn-lg glyphicon glyphicon-collapse-down">
												
											</button>
						</div>
					</div>
					<div class="panel-heading">
						<h3 class="panel-title">
				           祝盼秋
				    </h3>
					</div>
					<div class="panel-body">
						新的一年祝你天天开心
					</div>
				</div>
				<div class="panel panel-warning">
					<div class="panel-heading">
						<h3 class="panel-title">
				          	 宫红旭
				        </h3>
					</div>
					<div class="panel-body">
						忽然，你失去了踪影， 我原谅了任性的你， 就像能重来似的， 我，真不够坚强啊…
					</div>
				</div>
				<div class="panel panel-danger">
					<div class="panel-heading">
						<h3 class="panel-title">
				           祈仙韵
				        </h3>
					</div>
					<div class="panel-body">
						等下一个天亮，去上次牵手赏花那里散步好吗？
					</div>
				</div>
				<div class="panel panel-success">
					<div class="panel-heading">
						<h3 class="panel-title">
				          敛靖柏
				        </h3>
					</div>
					<div class="panel-body">
						若不是遇见你，现在的我会在哪里。
					</div>
				</div>
				<div class="panel panel-info">
					<div class="panel-heading">
						<h3 class="panel-title">
				          让凌柏
				        </h3>
					</div>
					<div class="panel-body">
						就这样遇见了你，多么像一个奇迹。
					</div>
				</div>
				<div class="panel panel-warning">
					<div class="panel-heading">
						<h3 class="panel-title">
				    顾语梦
				        </h3>
					</div>
					<div class="panel-body">
						你静静站在那里，人群中如此美丽。
					</div>
				</div>
				<div class="panel panel-danger">
					<div class="panel-heading">
						<h3 class="panel-title">
				    弭玛丽
				        </h3>
					</div>
					<div class="panel-body">
						午夜最后一班列车，为什么不小心错过。
					</div>
				</div>
			</div>

			<!--
            	作者：1162091199@qq.com
            	时间：2017-04-26
            	描述：个人档
            -->
			<div class="tab-pane" id="tab-gerendang" style="margin-top: 20px;">
				<div class="panel panel-default row">
					<div class="col-xs-4">
						<img src="img/qq.jpg" style="width: 150px;height:150px;margin-left: 25%;margin-top: 30%;">
					</div>
					<div class="col-xs-8">
						<h3 class="well well-xs">个人资料</h3>
						<p>性别：男</p>
						<p>年龄：18</p>
						<p>生日：5月13日</p>
						<p>星座：金牛座</p>
						<p>现居地：中国 四川 自贡</p>
						<p>婚姻状况：未填写</p>
						<p>血型：其他</p>
						<p>故乡：未填写</p>
						<p>职业：未填写</p>
					</div>
				</div>
			</div>

			<!--
            	作者：1162091199@qq.com
            	时间：2017-04-27
            	描述：更多
            -->
			<div class="tab-pane" id="tab-More" style="margin-top: 20px;">
				<div class="panel panel-default row">

					<div class="well well-sm lead">应用</div>
					<div class="More-main">
						<div><img src="img/a.png">
							<p>个人档</p>
						</div>
						<div><img src="img/b.png">
							<p>QQ日历</p>
						</div>
						<div><img src="img/c.png">
							<p>日志</p>
						</div>
						<div><img src="img/d.png">
							<p>分享</p>
						</div>
						<div><img src="img/e.png">
							<p>访客</p>
						</div>
						<div><img src="img/f.png">
							<p>音乐</p>
						</div>
						<div><img src="img/g.png">
							<p>说说</p>
						</div>
						<div><img src="img/h.png">
							<p>礼物</p>
						</div>
						<div><img src="img/i.png">
							<p>留言板</p>
						</div>
						<div><img src="img/j.png">
							<p>相册</p>
						</div>
						<div><img src="img/k.png">
							<p>视频</p>
						</div>
						<div><img src="img/l.png">
							<p>收藏</p>
						</div>
						<div><img src="img/m.png">
							<p>电脑管家</p>
						</div>
					</div>

				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="jquery/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>

</html>